<template>
    <div id="main" style="width: 100%;height: 500px;"></div>
</template>
<script>

export default{
    mounted() {
        let data = [
           {name:'上海大区',value:'100'},
           {name:'北方大区',value:'200'},
           {name:'西南大区',value:'300'},
           {name:'华南大区',value:'400'},
           {name:'东北大区',value:'500'}
        ]
        let mychart = this.$echarts.init(document.getElementById('main'));
        mychart.setOption({
            legend: {},
            series:[
                {
                    name: data.name,
                    data: data,
                    type: 'pie',
                    radius: '50%',
                    center: ['50%','50%'],
                    label:{
                        show: true,
                        formatter: '{b}:{c}'
                    }
                }
            ]
        })
    },
}
</script>
<style></style>